{{ template "header_start" .}}
{{ template "global" .}}

<link rel="icon" href="/invitation/imgs/title.png" type="image/png">

<script type="text/javascript">
	setInterval(function(){
		jk_falldown(12);}, 200);
</script>

<style type="text/css">

body {
	background-color: pink;
	font-family: 微软雅黑;
}

/** the third layer */
.jk-images ul  {
	/*-webkit-margin-before: 0;*/
	/*-webkit-margin-after: 0;*/
	-webkit-padding-start: 0;
}
.jk-images ul li {
    float: left;
    width: 20%;
    /*margin-right: 1%;*/
}
.jk-images ul li img {
	width: 100%;
}

/** the first layer */
.jk-bigimages {
	height: 20%;
}

.jk-bigimages-left {
	float: left;
	width: 50%;
	/*overflow: hidden;*/
}
.jk-bigimages img {
	width: 100%;
}
.jk-bigimages-right {
	float: right;
	width: 50%;
}

/** the second layer */
.jk-main {
	height: 30%;
}

.jk-main img {
	width: 100%;
}

.jk-images-left {
	float: left;
	width: 22%;
}
.jk-images-right {
	float: right;
	width: 77%;
}
.jk-main-content {
	float: left;
	width: 70%;
	color: red;

	/** box design */
	box-shadow: 1px 1px 5px #f89;
	border-radius: 5px;
}
.jk-main-content p {
	font-size: 1.1em;
	padding: 1em;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
}
.jk-main-content b {
	color: black;
}
.jk-images-right-right {
	float: right;
	width: 29%;
}
.extern-link ul li {
    float: left;
    padding: 4px;
    margin: 2px;
}
</style>
{{ template "header_end" .}}

<section class="container jk-leavetop">
<div class="jk-bigimages">
	<div class="jk-bigimages-left"><img src="/invitation/imgs/big-left.jpg" alt="left image"></div>
	<div class="jk-bigimages-right"><img src="/invitation/imgs/big-right.jpg" alt="right image"></div>
	<br class="jk-clear" />
</div>
<div class="jk-main">
    <div class="jk-images-left"><img src="/invitation/imgs/img-left.jpg" alt="left image"></div>
    <div class="jk-images-right">
    <div class="jk-main-content"><p>
     {{ $rp := .D.Body.rp }}
     我们结婚了，感谢大家的祝福！
    </p></div>
	<div class="jk-images-right-right"><img src="/invitation/imgs/img-right.jpg" alt="right image"></div>
	</div>
	<br class="jk-clear" />
</div>
<div class="jk-images">
	<ul>
	<li><img src="/invitation/imgs/jk-1.jpg" alt="jk-1"></li>
	<li><img src="/invitation/imgs/jk-2.jpg" alt="jk-2"></li>
	<li><img src="/invitation/imgs/jk-3.jpg" alt="jk-3"></li>
	<li><img src="/invitation/imgs/jk-4.jpg" alt="jk-4"></li>
	<li><img src="/invitation/imgs/jk-5.jpg" alt="jk-5"></li>
	</ul>
	<br class="jk-clear" />
</div>
</section>
<nav class="container extern-link">
<ul>
	<li><a href="/">返回基地</a></li>
</ul>
<br class="jk-clear" />
</nav>

{{ template "footer" .}}